Skip to main content

Step Script

Support Scripts for Clarify and Elixir

For the script steps more data were needed to support more layered scenes without having to create new script files. We currently have two kinds of scripts:

  1. goalchoice_recap
  2. onboarding_recap_adhd_strength (this is only for Clarify).

These steps must have a scriptId, backgroundColor, ctaText, ctaBackgroundColor, ctaTextColor, and an optional layersBackgroundColor for the layers (it's going to be transparent if not added).

Example
{
"type": "stepScript",
"stepId": "recap_adhd_quiz",
"scriptName": "onboarding_recap_adhd_quiz",
"scriptId": "goalchoice_recap",
"staticLayers": [
{
"layerImage": "https://c.thefab.co/adhd/onboarding/recap2/base_layer_opt.jpg>",
"layerPriority": 1
},
{
"layerImage": "https://c.thefab.co/adhd/onboarding/recap2/bars.png>",
"layerPriority": 2
}
],
"backgroundColor": "#004b42",
"ctaText": "Continue",
"ctaBackgroundColor": "#FFFFFF",
"ctaTextColor": "#006055",
"layersBackgroundColor": "#8AD2C8"
},

The goalchoice_recap Script:

This is considered a dynamic script because the layers that will be visible based on the user's answers should be passed with the JSON file. For example, if we want a specific layer to show for the user who answers A for a goalChoice question, we should pass that layer image as layerImage in that goalChoice answer.

Example of a goalChoice that sets changes in the layers scence
/* NOTE: layerPriority is needed to decide the priority of the layer. Since this goalChoice has a layerPriority, it'll show as the second layer in the layers scene.
*/
{
"type": "goalChoice",
"title": "To what extent do you agree with this statement?",
"backgroundImage": "<https://c.thefab.co/adhd/onboarding/img_gc_structure_3.jpg>",
"subtitle": "\"I don't have real structure during the day\"",
"stepId": "no_structure",
"key": "no_structure",
"backgroundColor": "#A8C6F3",
"hideIcons": true,
"textColor": "#fff",
"desktopBackground": "https://c.thefab.co/paged-content-editor/web-onboarding-time-light-blue-1.jpeg>",
"layerPriority": 2,
"choices":
[
{
"name": "Not at all true",
"locked": false,
"value": "not_at_all",
"nameColor": "#0a7799",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)",
"layerImage": "https://c.thefab.co/adhd/onboarding/recap2/3rd_blue.png>"
},
{
"name": "Just a little true",
"locked": false,
"value": "just_alittle",
"nameColor": "#0a7799",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)",
"layerImage": "https://c.thefab.co/adhd/onboarding/recap2/3rd_pink.png>"
},
{
"name": "Moderately true",
"locked": false,
"value": "moderately_true",
"nameColor": "#0a7799",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)",
"layerImage": "https://c.thefab.co/adhd/onboarding/recap2/3rd_orange.png>"
},
{
"name": "Very true",
"locked": false,
"value": "very_true",
"nameColor": "#0a7799",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)",
"layerImage": "https://c.thefab.co/adhd/onboarding/recap2/3rd_orange.png>"
}
]
},
goalchoice_recap for Elixir
{
"type": "stepScript",
"stepId": "script",
"scriptName": "goalchoice_recap",
"scriptId": "goalchoice_recap",
"staticLayers": [{
"layerImage": "https://c.thefab.co/Elixir/recap/img_elixir_recap_main_v2.jpg>",
"layerPriority": 1
}],
"backgroundColor": "#241D82",
"ctaText": "Continue",
"ctaBackgroundColor": "#FFFFFF",
"ctaTextColor": "#241D82"
},

NOTE: staticLayers is the for the layers that should be visible but it doesn't depend on the user's answers. For example, the layer scene title is a static layer because it doesn't change based on the user's answer.

goalchoice_recap for Clarify


{
"type": "stepScript",
"stepId": "recap_adhd_quiz",
"scriptName": "onboarding_recap_adhd_quiz",
"scriptId": "goalchoice_recap",
"staticLayers": [
{
"layerImage": "https://c.thefab.co/adhd/onboarding/recap2/base_layer_opt.jpg>",
"layerPriority": 1
},
{
"layerImage": "https://c.thefab.co/adhd/onboarding/recap2/bars.png>",
"layerPriority": 2
}
],
"backgroundColor": "#004b42",
"ctaText": "Continue",
"ctaBackgroundColor": "#FFFFFF",
"ctaTextColor": "#006055",
"layersBackgroundColor": "#8AD2C8"
},


NOTE: The staticLayer with layerPriority 1 will be visible first and the second one will follow.

The onboarding_recap_adhd_strength Script

This is a bit of a static script because any changes to the script layers images must be done by changing and deploying the code. For example in the goalchoice_recap script, we could pass localized layers for the localized JSON files. However, to introduce localized onboarding_recap_adhd_strength layers, a new script must be added to the code first.

Example of a goalChoice that sets changes in the layers scence
// NOTE: strengthArea is needed for each choice here to decide which choice belongs to which area of the quiz.

{
"type": "goalChoice",
"title": "What areas interest you most where you feel your ADHD traits could be advantageous?",
"backgroundImage": "https://c.thefab.co/adhd/onboarding/img_gc_superpowers_05_opt.jpg>",
"subtitle": "",
"stepId": "fields_of_interest",
"key": "fields_of_interest",
"backgroundColor": "#5CBADE",
"hideIcons": true,
"textColor": "#fff",
"desktopBackground": "<https://c.thefab.co/paged-content-editor/web-onboarding-time-turquoise-5.jpeg>",
"choices":
[
{
"name": "Entrepreneurship or business",
"locked": false,
"value": "entrepreneurship_business",
"nameColor": "#0B6D8C",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)",
"strengthArea": "passionate_focus"
},
{
"name": "Creative fields (art, music, writing, etc)",
"locked": false,
"value": "creative_field",
"nameColor": "#0B6D8C",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)",
"strengthArea": "structured_navigating"
},
{
"name": "Athletics or physical activities",
"locked": false,
"value": "athletics",
"nameColor": "#0B6D8C",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)",
"strengthArea": "adaptive_resilience"
},
{
"name": "Other",
"locked": false,
"value": "other",
"nameColor": "#0B6D8C",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)",
"strengthArea": "creative_flexibility"
}
]
},
onboarding_recap_adhd_strength step (only for Calrify)
{
"type": "stepScript",
"stepId": "recap_adhd_strength",
"scriptName": "onboarding_recap_adhd_strength",
"scriptId": "onboarding_recap_adhd_strength",
"backgroundColor": "#004b42",
"ctaText": "Continue",
"ctaBackgroundColor": "#FFFFFF",
"ctaTextColor": "#006055",
"layersBackgroundColor": "#4CABD6"
}

Support Scripts for Mind

Mind has two static scripts, which means that the scripts are hosted in the backend code and that they show the results based on the users answers in the goalChoice steps.

  • onboarding_inner_child
  • onboarding_self_compassion
{
"type": "stepScript",
"stepId": "onboarding_inner_child",
"scriptName": "onboarding_inner_child",
"scriptId": "onboarding_inner_child",
"staticLayers": [],
"backgroundColor": "#FFD4BC",
"ctaText": "Continue",
"ctaBackgroundColor": "#FFFFFF",
"ctaTextColor": "#0F7B54"
},
{
"type": "stepScript",
"stepId": "onboarding_self_compassion",
"scriptName": "onboarding_self_compassion",
"scriptId": "onboarding_self_compassion",
"layersBackgroundColor": "#0F7B54",
"staticLayers": [],
"backgroundColor": "#064E36",
"ctaText": "Continue",
"ctaBackgroundColor": "#FFFFFF",
"ctaTextColor": "#0F7B54"
}

Dynamic onboarding_inner_child Script

We have recently started supporting a dynamic script for the onboarding_inner_child script.

What does onboarding_inner_child script do?

That script is used as a recap layer sense for 5 areas that the user goes through in the onboarding – e.g., SelfCriticism, ExcessiveGuilt, PeoplePleasing, HyperIndependence, and FeelingOverwhelmed. Each of these areas will have different scores based on the user’s answers in the onboarding.

How the script scores are calculated

The score for each area is calculated based on the user’s answers to the questions related to each area. The score then is compared against the scores of the other areas, identifying the highest one, which is then displayed as the main area in the script step (it’s SelfCriticism in the screenshot below).

Here are the keys that the script accepts to make it dynamic:

KeyNotes
staticLayersAn optional array of staticLayers that the script accepts as the main ones. An image that can be used as a staticLayer:
"staticLayers": [
  {
      "layerImage": "https://c.thefab.co/mind/onboarding/recap/recap1/img_mind_recap_scene_base_layer_opt.jpg",
      "layerPriority": 0
  }
] This is the default image that will be used if no staticLayers are passed.
layersAreasIt’s the config for each area and it accepts two keys:
  • barsStaticLayerImageUrl: The background images for the bars.

  • data: The data needed to calculate the scores for each area (read the config below for more details).

The layersAreas.data Config

The layersAreas.data accepts 5 areas to be used in the script: firstArea, secondArea, secondArea, fourthArea, and fifthArea.

Each of these areas represents a bar in the barsStaticLayerImageUrl image.

Here’s what each area accepts:

KeyNotes
stepId1The first step ID that represent that area in the onboarding.
stepId2The second step ID that represents that area in the onboarding.
imageUrlThe main image for the current area (the Ongoing Self-Criticism in the screenshot below)
step1ScoreValuesAn object that works as a mapper for each answer to the stepId1 question:
"step1ScoreValues": {
  "not_at_all": 0,
  "somewhat_true": 2,
  "very_true": 4,
  "extremely_true": 6
} If the user answers the answer’s value very_true, the first step result will be 4
step2ScoreValuesAn object that works as a mapper for each answer to the stepId2 question:
"step2ScoreValues": {
  "doing_great": 0,
  "hard": 2,
  "mistakes": 4,
  "terrible": 6
} If the user answers the answer’s value hard, the second step result will be 2

The score for each area will be based on the answers for both stepId1 and steId2. For this example the score for that area will be 6.

"firstArea": {
"step1ScoreValues": {
"not_at_all": 0,
"somewhat_true": 2,
"very_true": 4,
"extremely_true": 6
},
"step2ScoreValues": {
"doing_great": 0,
"hard": 2,
"mistakes": 4,
"terrible": 6
},
"stepId1": "worst_critic",
"stepId2": "learning_skill",
"imageUrl": "https://c.thefab.co/web-onboarding/mind/script-images/img_mind_recap_scene_02_ongoing_self_criticism_opt.webp"
}
Example of a complete onboarding with all the areas:
{
"id": "mind_app_id",
"journeyId": "SaDJUYAjRv",
"language": "en",
"appId": "co.thefab.mind",
"seo": {
"title": "Lumiere",
"favicon": "https://c.thefab.co/web-onboarding/mind/mind-favicon.png",
"description": "Manage stress and anxiety through self-care practices and empowering affirmations. Embark on a journey of self-love."
},
"steps": [
{
"type": "goalChoice",
"title": "How much does this sound like you?",
"stepId": "easily_overwhelmed",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_02.jpg",
"subtitle": "“I’m easily overwhelmed by the idea of someone depending on me”",
"key": "easily_overwhelmed",
"backgroundColor": "#584FA9",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "Not at all",
"locked": false,
"value": "not_at_all",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "A little",
"locked": false,
"value": "alittle",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Somewhat",
"locked": false,
"value": "somewhat",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "A lot",
"locked": false,
"value": "alot",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How true is this for you?",
"stepId": "worst_critic",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_03.jpg",
"subtitle": "“You are your own worst critic”",
"key": "worst_critic",
"backgroundColor": "#584FA9",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "Not true at all",
"locked": false,
"value": "not_at_all",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Somewhat true",
"locked": false,
"value": "somewhat_true",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Very true",
"locked": false,
"value": "very_true",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Extremely true",
"locked": false,
"value": "extremely_true",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How do you feel about the idea of depending on other people?",
"stepId": "depending_on_you",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_04.jpg",
"subtitle": "",
"key": "depending_on_you",
"backgroundColor": "#584FA9",
"hideIcons": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"textColor": "#FFFFFF",
"choices": [
{
"name": "Good, I think it’s important to have a support system",
"locked": false,
"value": "good",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Okay, I occasionally ask for help ",
"locked": false,
"value": "okay",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Not so good, I prefer not to depend on other people",
"locked": false,
"value": "not_so_good",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Bad, I avoid depending on others at all costs",
"locked": false,
"value": "bad",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How hard is it for you to say no when someone asks you to do something you do not have time for?",
"stepId": "say_no",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_05.jpg",
"subtitle": "",
"key": "say_no",
"backgroundColor": "#584FA9",
"hideIcons": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"textColor": "#FFFFFF",
"choices": [
{
"name": "Not hard at all",
"locked": false,
"value": "not_hard",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Somewhat hard",
"locked": false,
"value": "somewhat",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Very hard",
"locked": false,
"value": "very_hard",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Extremely hard",
"locked": false,
"value": "extremely_hard",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "How much guilt would you feel?",
"stepId": "hurt_feelings",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_06.jpg",
"subtitle": "Think about the last time you hurt someone’s feelings, whether intentionally or by accident",
"key": "hurt_feelings",
"backgroundColor": "#584FA9",
"hideIcons": true,
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"textColor": "#FFFFFF",
"choices": [
{
"name": "Very little",
"locked": false,
"value": "very_little",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Some",
"locked": false,
"value": "some",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Quite a bit",
"locked": false,
"value": "quite_a_bit",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "A lot",
"locked": false,
"value": "alot",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "What do you do?",
"stepId": "water_plants",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_07.jpg",
"subtitle": "Your neighbor, who often asks for favors, wants you to water their plants while they're away. You'd rather not help this time.",
"key": "water_plants",
"backgroundColor": "#FFFFFF",
"hideIcons": true,
"textColor": "#FFFFFF",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"choices": [
{
"name": "Tell them no — I don’t have to explain why",
"locked": false,
"value": "no",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Tell them I wish I could and make up an excuse for why I can’t",
"locked": false,
"value": "excuse",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Agree to help, but say this needs to be the last time for awhile",
"locked": false,
"value": "agree",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Tell them I would be happy to help — I would feel guilty if I said no",
"locked": false,
"value": "guilty",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "What would you do?",
"stepId": "lunch",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_08.jpg",
"subtitle": "You’re having lunch with a friend and accidentally spill your drink. The liquid splashes onto their shirt, staining it",
"key": "lunch",
"backgroundColor": "#584FA9",
"hideIcons": true,
"textColor": "#FFFFFF",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"choices": [
{
"name": "Say oops and laugh it off — accidents happen!",
"locked": false,
"value": "oops",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Apologize and quickly move on",
"locked": false,
"value": "apologize",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Say “I’m so sorry” and offer to buy them a new shirt",
"locked": false,
"value": "sorry",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Apologize profusely and spend the rest of the meal feeling guilty",
"locked": false,
"value": "feel_guilty",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "While you’re talking to someone new, they mention wanting to spend as much time as possible with people they become close to",
"stepId": "someone_new",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_09.jpg",
"key": "someone_new",
"backgroundColor": "#584FA9",
"hideIcons": true,
"textColor": "#FFFFFF",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"choices": [
{
"name": "Happiness, I feel the same way!",
"locked": false,
"value": "happiness",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Neutral, that’s not exactly like me but wouldn’t bother me",
"locked": false,
"value": "neutral",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Concern, will they expect me to spend a lot of time with them?",
"locked": false,
"value": "concern",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Panic, just hearing that makes me feel suffocated!",
"locked": false,
"value": "panic",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "You’re learning a new skill. What goes through your mind?",
"stepId": "learning_skill",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_10.jpg",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"subtitle": "",
"key": "learning_skill",
"backgroundColor": "#584FA9",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "I’m doing great for my first time!",
"locked": false,
"value": "doing_great",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "This is hard, but I’m sure I’ll get better at it",
"locked": false,
"value": "hard",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "It feels like I’m making a lot of mistakes",
"locked": false,
"value": "mistakes",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "I’m terrible at this, how embarrassing!",
"locked": false,
"value": "terrible",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "goalChoice",
"title": "You have a free day. How would you spend it?",
"stepId": "free_day",
"backgroundImage": "https://c.thefab.co/mind/onboarding/questions/optimized/img_goal_choice_bicycle_11.jpg",
"desktopBackground": "https://c.thefab.co/web-onboarding/mind/img_goal_choice_bicycle_01-desktop.jpg",
"subtitle": "",
"key": "free_day",
"backgroundColor": "#584FA9",
"hideIcons": true,
"textColor": "#FFFFFF",
"choices": [
{
"name": "With a group of friends or family — I don’t like being alone",
"locked": false,
"value": "group_friends",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "With my significant other or a close friend — sounds like good quality time",
"locked": false,
"value": "significant_other",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Doing an activity I enjoy — I don’t care if others come along",
"locked": false,
"value": "dont_care",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
},
{
"name": "Doing something just for me — I value time to myself",
"locked": false,
"value": "me_time",
"nameColor": "#4D2900",
"backgroundColor": "#FFFFFF",
"hideDarkOverlay": true,
"hoverBackgroundColor": "rgba(255, 255, 255, 0.7)"
}
]
},
{
"type": "stepScript",
"stepId": "onboarding_inner_child",
"scriptName": "onboarding_inner_child",
"scriptId": "onboarding_inner_child",
"backgroundColor": "#FFD4BC",
"ctaText": "Continue",
"ctaBackgroundColor": "#FFFFFF",
"ctaTextColor": "#4D2900",
"layersAreas": {
"barsStaticLayerImageUrl": "https://c.thefab.co/mind/onboarding/recap/recap1/img_mind_recap_scene_03_opt.png",
"data": {
"firstArea": {
"step1ScoreValues": {
"not_at_all": 0,
"somewhat_true": 2,
"very_true": 4,
"extremely_true": 6
},
"step2ScoreValues": {
"doing_great": 0,
"hard": 2,
"mistakes": 4,
"terrible": 6
},
"stepId1": "worst_critic",
"stepId2": "learning_skill",
"imageUrl": "https://c.thefab.co/web-onboarding/mind/script-images/img_mind_recap_scene_02_ongoing_self_criticism_opt.webp"
},
"secondArea": {
"step1ScoreValues": {
"very_little": 0,
"some": 2,
"quite_a_bit": 4,
"alot": 6
},
"step2ScoreValues": {
"oops": 0,
"apologize": 2,
"sorry": 4,
"feel_guilty": 6
},
"stepId1": "hurt_feelings",
"stepId2": "lunch",
"imageUrl": "https://c.thefab.co/web-onboarding/mind/script-images/img_mind_recap_scene_02_excessive_guilt_opt.webp"
},
"thirdArea": {
"step1ScoreValues": {
"not_hard": 0,
"somewhat": 2,
"very_hard": 4,
"extremely_hard": 6
},
"step2ScoreValues": {
"no": 0,
"excuse": 2,
"agree": 4,
"guilty": 6
},
"stepId1": "say_no",
"stepId2": "water_plants",
"imageUrl": "https://c.thefab.co/web-onboarding/mind/script-images/img_mind_recap_scene_02_people_pleasing_opt.webp"
},
"fourthArea": {
"step1ScoreValues": {
"good": 0,
"okay": 2,
"not_so_good": 4,
"bad": 6
},
"step2ScoreValues": {
"group_friends": 0,
"significant_other": 2,
"dont_care": 4,
"me_time": 6
},
"stepId1": "depending_on_you",
"stepId2": "free_day",
"imageUrl": "https://c.thefab.co/web-onboarding/mind/script-images/img_mind_recap_scene_02_hyper_independent_opt.png"
},
"fifthArea": {
"step1ScoreValues": {
"not_at_all": 0,
"alittle": 2,
"somewhat": 4,
"alot": 6
},
"step2ScoreValues": {
"happiness": 0,
"neutral": 2,
"concern": 4,
"panic": 6
},
"stepId1": "easily_overwhelmed",
"stepId2": "someone_new",
"imageUrl": "https://c.thefab.co/web-onboarding/mind/script-images/img_mind_recap_scene_02_overwhelm_opt.webp"
}
}
}
},
{
"type": "interstitial",
"stepId": "future_you_calling",
"config": {
"id": "interstitial1",
"title": "Hey! This is future {{NAME}}, calling from {{TODAY|year|+1}}. You need to resign today from your position as an anxiety manager",
"aspect": "FIT_SINGLE_SIDE",
"color_cta": "#FFFFFF",
"showTextDelay": 4000,
"showButtonsDelay": 8000,
"should_animate_text": true,
"lottieUrl": "https://c.thefab.co/web-onboarding/mind/lottie/future-you-no-clouds.json",
"color_cta_button": "#5ECCE0",
"subtitle": "",
"showCtaRightCaret": false,
"cta": "Say more, future {{NAME}}",
"mode": "BOLD",
"hide_close_icon": true,
"color_background": "#052E6C",
"textColor": "#FFFFFF"
}
},
{
"type": "webview",
"stepId": "pwyw_page",
"redirectTo": "https://mind.thefabulous.co/payment/pwyw/generic-pwyw?appId=co.thefab.mind",
"engine": "premium",
"hideCloseButton": true,
"subprintText": "",
"subprintColor": "",
"buttonColor": "#0B3887",
"isOffer": false,
"topSubprintText": "",
"deepLink": "{{APPLICATION_ID}}://skip",
"showWebfloatingButtonDelay": 10000,
"backgroundColor": "#241D82"
}
],
"logic": []
}

399480652-cf21e366-3e6f-46d1-a147-8c2310fb80eb.png